﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="~/controls/UserCmplt.ascx.cs"
    Inherits="AutoCmplt" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<style type="text/css"> 
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	border-color : Gray;
	overflow : auto;
	cursor : 'default';
    text-align : left; 
    list-style-type : none;
}

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	border-color : #00B1ff;
	border-width : 1px;
	border-style : solid;
	padding : 1px;
}
</style>

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
    <asp:TextBox ID="AutoCompleteTextBox" runat="server" Width="<%# Width %>"></asp:TextBox>
</div>
<div>
    <ajaxToolkit:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" ServicePath="../Services/UsrComplete.asmx"
        ServiceMethod="<%# ServiceMethod %>"
        AcListItemStyle="<%# LIViewStyle %>" 
        MinimumPrefixLength="2"
        CompletionInterval="500" TargetControlID="AutoCompleteTextBox" EnableCaching="true"
        CompletionSetCount="10" CompletionListCssClass="autocomplete_completionListElement"
        CompletionListItemCssClass="autocomplete_listItem" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
        DelimiterCharacters=";, :">
    </ajaxToolkit:AutoCompleteExtender>
</div>

